<!DOCTYPE html>
<html>
<head>
    <title>LangChain + Ollama 聊天机器人</title>
    <link rel="stylesheet" href="{% static 'css/chat.css' %}">
</head>
<body>
<div class="container" >
    <!-- 左边导航栏 -->
    <div class="sidebar">
        <div class="nav-item" >
            <img src="{% static 'image/chat-dots.svg' %}" alt="Folder Icon" class="folder-icon" width="32" height="32">
            <a href="{% url 'chat' %}">聊天</a>
        </div>
        <div class="nav-item" >
            <img src="{% static 'image/pc-display.svg' %}" alt="Folder Icon" class="folder-icon" width="32" height="32">
            <a href="{% url 'knowbase-list_html'   %}">工作台</a>
        </div>
        <div class="nav-item" >
            <img src="{% static 'image/journal-bookmark-fill.svg' %}" alt="Folder Icon" class="folder-icon" width="32"
                 height="32">
            <a href="{% url 'rag' %}">知识库</a>
        </div>
        <div class="nav-item" >
            <img src="{% static 'image/person-circle.svg' %}" alt="Folder Icon" class="folder-icon" width="32"
                 height="32">
            <a href="#">账号</a>
        </div>
    </div>


    <div class="main-content">
        <h2 style="text-align: center;">🤖 LangChain + Ollama 聊天机器人</h2>

        <div id="chat-box"></div>

        <form id="input-form">
            <input type="text" id="user-input" placeholder="输入你的问题..." required/>
            <button type="submit" id="send-btn">发送</button>
        </form>
    </div>
</div>
<script src="{% static 'js/chat.js' %}"></script>
</body>
</html>